.big-class-page-container {
    // PATCH: low version Electron bug
    // if a element location on the window edge that has drag attributes and the frames of BrowserWindow options is false,
    // then this window can't to resize size of window.
    // so that wrap draggable elements and add padding property to achieve resize feature.
    // TODO: upgrade new version of the Electron after remove the PATCH.
    height: 100%;
    padding: 0.5px;
}

.big-class-realtime-container {
    -webkit-app-region: drag;

    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #edeff2;
}

.big-class-realtime-box {
    -webkit-app-region: no-drag;
    
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.big-class-realtime-content-container {
    position: relative;
}

.big-class-realtime-content {
    flex: 1;
    display: flex;
}

.big-class-realtime-rtc-box {
    position: relative;
    overflow: hidden;
    width: 288px;
    height: 216px;
    display: flex;
}

.flat-color-scheme-dark {
    .big-class-realtime-container,
    .big-class-realtime-box {
        color: var(--text);
        background-color: var(--grey-10);
        border: 1px solid var(--grey-8);
    }
}
